import { Path, Svg } from 'react-native-svg'

// eslint-disable-next-line no-relative-import-paths/no-relative-import-paths
import { createIcon } from '../factories/createIcon'

export const [Box, AnimatedBox] = createIcon({
  name: 'Box',
  getIcon: (props) => (
    <Svg viewBox="0 0 16 16" fill="none" {...props}>
      <Path
        d="M6.98665 7.43304C7.15332 7.50637 7.32667 7.55305 7.5 7.59305V13.9397C7.39333 13.913 7.28669 13.873 7.18669 13.8264L3.18669 12.0464C2.46669 11.7264 2 11.013 2 10.2197V5.77972C2 5.59972 2.02666 5.41971 2.07332 5.25304L6.98665 7.43304ZM9.87996 5.94638L4.4467 3.39304L3.18669 3.95304C2.95335 4.05304 2.75333 4.19971 2.58 4.37304L7.38664 6.51303C7.7733 6.68637 8.22003 6.68637 8.61336 6.51303L9.87996 5.94638ZM13.42 4.37304C13.2467 4.19971 13.0466 4.05304 12.8133 3.95304L8.81331 2.17305C8.29331 1.93971 7.70669 1.93971 7.18669 2.17305L5.65999 2.85304L11.0933 5.40636L13.42 4.37304ZM13.9267 5.25304L11.5867 6.29304V7.92638C11.5867 8.19972 11.36 8.42638 11.0867 8.42638C10.8133 8.42638 10.5867 8.19972 10.5867 7.92638V6.73304L9.01335 7.43304C8.84668 7.4997 8.67333 7.55305 8.5 7.59305V13.9397C8.60667 13.913 8.71331 13.873 8.81331 13.8264L12.8133 12.0464C13.5333 11.7264 14 11.013 14 10.2197V5.77972C14 5.59972 13.9733 5.41971 13.9267 5.25304Z"
        fill="currentColor"
      />
    </Svg>
  ),
  defaultFill: '#131313',
})
